<template>
<!-- 轮播图插件，这个插件是谁用你谁给你(lunbolist)传值 -->
    <div>
        <mt-swipe class="mint-swipe" :auto="5000">
            <mt-swipe-item class="mt-swipe-item" v-for="item in lunbolist" :key="item.id">
                <!-- 那个为true那个类生效 -->
                 <img :class="{widthimg:iswidthfull,heightimg:isheightfull}"  :src="item.img||item.src" alt="">
            </mt-swipe-item>
        </mt-swipe>

    </div>
</template>

<script>
export default {
    data(){
        return {
            isfull:true
        }
    },
    // 子组件内定义的来自父组件的传的值
    props:["lunbolist","iswidthfull","isheightfull"]
    
}
</script>

<style lang="scss" scoped>
    .mint-swipe{
        height:200px;
        .mt-swipe-item {
            .widthimg{
                width: 100%;
                height: 100%;
            }
            .heightimg{
                height: 100%;
            }
        }
        
    }
</style>
